<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .searchWrap{
            clear: none;
            float: left;
            margin: 11px 0 0 10px;
            position: relative;
            z-index: 297;
            padding: 0;
            list-style: none;
        }
        .searchInputWrap{
            border: 1px solid #b6b6b6;
            background: 0 0;
            position: relative;
            display: inline-block;
            vertical-align: top;
            width: 364px;
            margin-right: 0;
            border-right-width: 0;
            border-color: #b8b8b8 transparent #ccc #b8b8b8;
            overflow: hidden;
            height: 32px;
        }

        .searchInput{
            width: 350px;
            position: relative;
            height: 22px;
            font: 16px/18px arial;
            line-height: 22px;
            margin: 6px 0 0 7px;
            padding: 0;
            background: transparent;
            border: 0;
            outline: 0;
            box-sizing: border-box;
        }
        .searchButton{
            display: inline-block;
            z-index: 0;
            vertical-align: top;
            width: 100px;
            height: 34px;
            color: #fff;
            letter-spacing: 4px;
            background: #3385ff;
            background-image: none;
            border-bottom: 1px solid #2d78f4;
            outline: medium;
            *border-bottom: 0;
            -webkit-appearance: none;
            -webkit-border-radius: 0;
            font-size: 14px;
            padding: 0;
            cursor: pointer;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center;
            line-height: 32px;
        }




        .row-item{
            width: 540px;
            /*margin-bottom: 20px;*/
            overflow: hidden;
        }
        .row-head{
            width: 100%;
            overflow: hidden;
            word-break: break-all;
            word-wrap: break-word;
        }

        .row-head h3{
            white-space: nowrap;
            overflow: hidden;
            font-weight: 400;
            font-size: medium;
            margin-bottom: 1px;
            padding: 0;
            list-style: none;
            word-break: break-all;
            word-wrap: break-word;
        }
        .row-head .a-link {color:#000000;}      /* 未访问链接*/
        .row-head .a-visited {color:#00FF00 !important;}  /* 已访问链接 */
        .row-head .a-hover {color:#FF00FF;}  /* 鼠标移动到链接上 */
        .row-head .a-active {color:#0000FF;}  /* 鼠标点击时 */

        .row-item{
            line-height: 20px;
            margin-top: 2px;
            font-size: 13px;
            word-break: break-all;
            word-wrap: break-word;
        }
        .row-item-left{
            margin-top: 2px;
            float: left;
            margin-right: 17px;
            list-style: none;
            width: 121px;
        }
        .row-item-left img{
            height: 75px;
            width: 121px
        }
        .row-item-right{
            margin-right: 0;
            float: left;
            list-style: none;
            width: 397px;
        }

    </style>
</head>
<body>
<div class="searchWrap">
    <span class="searchInputWrap"><input class="searchInput" maxlength="255" placeholder="请输入关键字!"/></span><span class="searchButton">搜索</span>
</div>
<div style="margin-top:50px;position: absolute; width: 100%;">


    <div id="1" archiveId="123" class="row-item">
        <div class="row-head">
            <h3>
                <a class="a-visited" href="javascript:void(0);">共享运营平台-项目周报-20180319.xlsx</a>
            </h3>
        </div>
        <div class="row-item">
            <div class="row-item-left">
                <img src="https://ss2.bdstatic.com/8_V1bjqh_Q23odCf/pacific/1479842177.png">
            </div>
            <div class="row-item-right" style="">
                <div></div>
            </div>
            <div style="clear: both"></div>
        </div>
    </div>


</div>

<div style="margin-top:250px;position: absolute; width: 100%;">
    <div class="title" style="background: none;padding-inline-start: 0;margin-inline-start: 0;font-size: 2.2em;">
        <h1 class="title-text" style="font-size: inherit;padding-bottom: 0.4em;font-weight: lighter;line-height: 1.2;margin: 0;margin-bottom: 0px;margin-bottom: .5em;">呃…找不到这个网站。</h1>
    </div>
</div>
</body>
</html>